.main{
    width: 260px;
    height: 300px;
    background-color: #ffdf40;
    margin-left: auto;
    margin-right: auto;
    padding-top: 50px;
    border-radius: 20px;
    box-shadow: 0 0 10px #ff6700;
}
.photo{
    margin-left: auto;
    margin-right: auto;

}
.img{
    float: left;
    width: 73px;
    height: 59px;
    background-color: #00ff71;
    margin-left: 10px;
    overflow: hidden;
    border: 1px solid #000;
}
.img-in{
    /*margin-top: -64px;*/
    transition: margin-top 1s;
    /*margin-top: -64px;*/
    width: 73px;
    height: 473px;
}
.img-in-1{
    margin-top: -64px;
}
.img-in-2{
    margin-top: -128px;
}
.img-in-3{
    margin-top: -192px;
}
.img-in-4{
    margin-top: -256px;
}
.img-in-5{
    margin-top: -320px;
}
.img-in-6{
    margin-top: -384px;
}
.img-in-7{
    margin-top: -448px;
}
.img-in-8{
    margin-top: 0;
}
.photo-in{
    /*margin: auto;*/
}
.clear{
    clear: both;
}
#count{
    /*float: left;*/
}
#last-score{
    /*float: left;*/
}
#now-score{
    /*float: left;*/
}
.result ul li{
    list-style: none;
    /*float: left;*/
    margin-left: 40px;
    width: 100px;
}
.div-button{
    padding-left: 80px;
}
.result{
    text-align: center;
}
